/*public*/
.fl{float:left;}.fr{float:right;}
.kui-tiled{display:-webkit-box;width:100%;-webkit-box-sizing:border-box;}
.kui-tiled li,.kui-tiled .item{-webkit-box-flex:1;width:100%;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;-webkit-box-align:center;}
/*layer 1.0*/
.kui-layer-wrap,.kui-layer-shade{top:0;left:0;width:100%;height:100%;}
.kui-layer-wrap{position:fixed;z-index:1000;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical;}
.kui-layer{position:relative;min-width:6rem;display:-webkit-box;-webkit-box-orient:vertical;z-index:100;background:#FFF;}
	.kui-layer-head{height:2.6rem;line-height:2.6rem;position:relative;position:relative; text-align:center;}
		.kui-layer-title{margin:0;padding:0;text-align:center; font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		.kui-laytit-btn{display:inline-block;padding:0 5px;margin:0.3rem;height:2rem;line-height:2rem;}
		.kui-laytit-btn:not(.fr){float:left;}
		.kui-laytit-btn+.kui-layer-title{position:absolute;left:50%;top:50%;width:70%;margin-top:-1.3rem;margin-left:-35%;}
	.kui-layer-content{position:relative;-webkit-box-flex:1;overflow:auto;}
	.kui-layer-foot{height:2.75rem;display:-webkit-box;}
.kui-layer-shade{position:absolute;z-index:90;background:rgba(0,0,0,.3);opacity:0;}
.kui-layer-head{border-bottom:rgba(102,102,102,.1) solid 1px;}
.kui-layer-foot{border-top:rgba(102,102,102,.1) solid 1px;}
[anim="right"]{right:0;}
[anim="bottom"]{bottom:0;}

/* kui-tab */
.kui-tab{width:100%;height:100%;}
.kui-tab .kui-layer-title{height:2rem;line-height:2rem;margin-top:-1rem;display:-webkit-box;border:#DDD solid 1px; border-radius:0.3rem;}
.kui-tab .kui-tab-tit{display:block;-webkit-box-flex:1;overflow:auto;text-overflow:ellipsis;white-space:nowrap;border-right:#DDD solid 1px;}
.kui-tab .kui-tab-tit:active{background:rgba(0,0,0,.1);}
.kui-tab .kui-tab-tit:first-child{border-top-left-radius:0.3rem;border-bottom-left-radius:0.3rem;}
.kui-tab .kui-tab-tit:last-child{border-top-right-radius:0.3rem;border-bottom-right-radius:0.3rem;border-right:none;}
.kui-tab .kui-tab-tit.cur{color:#C00;background:#EEE;}
.kui-tab .kui-tab-content:not(.cur){display:none;}

/*alert*/
.type_dialog{}
.kui-dialog{width:80%;min-height:200px;max-width:480px;max-height:90%;box-shadow:0 0 0.3rem rgba(102,102,102,.3);border-radius:3px;border-radius:0.62rem;-webkit-user-select:none;user-select:none}
.kui-dialog .kui-layer-head{border-radius:0.62rem 0.62rem 0 0;font-weight:bold;text-align:center;padding-top:0.5rem;}
.kui-dialog .kui-layer-content{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;padding:10px 15px;}
.kui-dialog .kui-layer-foot{border-top:rgba(51,51,51,.1) solid 1px;}
.kui-dialog .kui-layer-foot span{display:block;-webkit-box-flex:1;text-align:center;line-height:2.75rem;border-right:rgba(50,50,50,.15) solid 1px;background:rgba(200,200,200,.1)}
.kui-dialog .kui-layer-foot span:last-child{border-right:0;}
.kui-dialog .kui-layer-foot span:active{background:rgba(51,51,51,.1)}

/*actions*/
.kui-actions{position:absolute;width:100%;height:auto;bottom:0;background:none;}
.kui-actions .kui-actions-group{margin:0.3rem;}
.kui-actions .kui-actions-group .kui-actions-item:first-child{border-top-left-radius:0.4rem;border-top-right-radius:0.4rem;}
.kui-actions .kui-actions-group .kui-actions-item:last-child{border-bottom-left-radius:0.4rem;border-bottom-right-radius:0.4rem;}
.kui-actions .kui-actions-item{display:block;padding:0.3rem;background:#FFF;line-height:2rem;margin-bottom:1px;color:#999;}
.kui-actions .actions-label{text-align:center;color:#0894ec;}
.kui-actions .actions-label:active{background:rgba(255,255,255,.7)}

/* toast */
.kui-toast{border-radius:1rem;background:rgba(0,0,0,.7);padding:1rem;color:#FFF;}
.kui-toast .kui-layer-content{display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical;}
.kui-toast .toast-icon{display:block;font-size:1rem;}
.load-icon{display:block;width:3.1rem;height:3.1rem;border-radius:0.2rem;display:-webkit-box;
	-webkit-animation:rotateplane 2.5s linear infinite;
}
.load-icon:before,.load-icon:after{content:'';display:block;width:1.5rem;height:1px;border-top:#FFF solid 1.5rem;border-bottom:#FFF solid 1.5rem; border-radius:3px;}
.load-icon:after{margin-left:1px;}

.load-icon+.kui-toast-txt{margin-top:1rem;}

@-webkit-keyframes rotateplane{
  0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}
  25%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}
  50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(-179.9deg);}
  75%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(-179.9deg);}
  100%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(-360deg);}
}